<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<title>成绩列表</title>
<c:import url="/WEB-INF/jsp/head.jsp" />
<c:import url="/WEB-INF/jsp/plugin/loading.jsp" />
<script type="text/javascript" src="static/js/bootbox.4.4.0.min.js"></script>
<c:import url="/WEB-INF/jsp/plugin/vue.jsp" />
<c:import url="/WEB-INF/jsp/plugin/vue-paging.jsp" />
<c:import url="/WEB-INF/jsp/plugin/vue-modal.jsp" />
<script type="text/javascript" src="static/js/score/classList.js"></script>
</head>
<body>
	<div id="app" v-cloak class="default-theme container-fluid iframe">
		<div class="col-md-12">
			<div class="condition panel panel-default">
				<div class="panel-heading">搜索条件</div>
				<div class="panel-body">
					<div class="form-inline">
						<div class="form-group">
							<label>班级:</label>
							<input type="text" class="form-control" v-model.trim="condition.name"/>
						</div>
                        <div class="form-group">
                            <button class="btn btn-default" @click="serach">
                                <span class="glyphicon glyphicon-search">搜索</span>
                            </button>
                        </div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-12">
			<table class="table table-hover table-border">
				<thead>
					<tr>
						<th>班级名称</th>
						<th>最高分</th>
                        <th>最低分</th>
						<th>平均分</th>
					</tr>
				</thead>
				<tbody>
					<tr v-if="items.length === 0" align="center">
						<td colspan="4">没有查询到数据</td>
					</tr>
					<tr v-for="item in items">
                        <td>
                        	<a @click="openTab('score/class/' + item.name + '/dashboard', '班级成绩概览')">{{item.name}}</a>
                        </td>
						<td>{{item.max}}</td>
						<td>{{item.min}}</td>
						<td>{{item.avg}}</td>
					</tr>
				</tbody>
			</table>
			<paging :page="page" @go="serach"></paging>
		</div>
	</div>
</body>
</html>